//@import '~@angular/material/theming';
//
//$wa-primary: (
//  50: #e8f5e9,
//  100: #c8e6c9,
//  200: #4bb134,
//  300: #4bb134,
//  400: #4bb134,
//  500: #4bb134,
//  600: #4bb134,
//  700: #4bb134,
//  800: #4bb134,
//  900: #4bb134,
//  A100: #4bb134,
//  A200: #4bb134,
//  A400: #4bb134,
//  A700: #4bb134,
//  contrast: (
//    50: $black-87-opacity,
//    100: $black-87-opacity,
//    200: $black-87-opacity,
//    300: $black-87-opacity,
//    400: $black-87-opacity,
//    500: $black-87-opacity,
//    600: $black-87-opacity,
//    700: $black-87-opacity,
//    800: $black-87-opacity,
//    900: $black-87-opacity,
//    A100: $black-87-opacity,
//    A200: $black-87-opacity,
//    A400: $black-87-opacity,
//    A700: $black-87-opacity,
//  )
//  );
//
//  $mat-green: (
//    50: #e8f5e9,
//    100: #c8e6c9,
//    200: #a5d6a7,
//    300: #81c784,
//    400: #66bb6a,
//    500: #4caf50,
//    600: #43a047,
//    700: #388e3c,
//    800: #2e7d32,
//    900: #1b5e20,
//    A100: #b9f6ca,
//    A200: #69f0ae,
//    A400: #00e676,
//    A700: #00c853,
//    contrast: (
//      50: $black-87-opacity,
//      100: $black-87-opacity,
//      200: $black-87-opacity,
//      300: $black-87-opacity,
//      400: $black-87-opacity,
//      500: $black-87-opacity,
//      600: white,
//      700: white,
//      800: $white-87-opacity,
//      900: $white-87-opacity,
//      A100: $black-87-opacity,
//      A200: $black-87-opacity,
//      A400: $black-87-opacity,
//      A700: $black-87-opacity,
//    )
//  );
//
//$wa-grey: (
//  0: #ffffff,
//  50: #fafafa,
//  100: #f5f5f5,
//  200: #eeeeee,
//  300: #e0e0e0,
//  400: #bdbdbd,
//  500: #9e9e9e,
//  600: #757575,
//  700: #616161,
//  800: #424242,
//  900: #212121,
//  1000: #000000,
//  A100: #ffffff,
//  A200: #eeeeee,
//  A400: #bdbdbd,
//  A700: #616161,
//  contrast: (
//    0: $black-87-opacity,
//    50: $black-87-opacity,
//    100: $black-87-opacity,
//    200: $black-87-opacity,
//    300: $black-87-opacity,
//    400: $black-87-opacity,
//    500: $black-87-opacity,
//    600: $white-87-opacity,
//    700: $white-87-opacity,
//    800: $white-87-opacity,
//    900: $white-87-opacity,
//    1000: $white-87-opacity,
//    A100: $black-87-opacity,
//    A200: white,
//    A400: white,
//    A700: white,
//  )
//);
//
//
//@include mat-core();
//
//// Define the palettes for your theme using the Material Design palettes available in palette.scss
//// (imported above). For each palette, you can optionally specify a default, lighter, and darker
//// hue.
////$candy-app-primary: mat-palette($mat-indigo);
////$candy-app-primary: mat-palette($mat-green);
//$candy-app-primary: mat-palette($wa-primary);
////$candy-app-accent:  mat-palette($mat-pink, A200, A100, A400);
//$candy-app-accent:  mat-palette($mat-green, A200, A100, A400);
//
//// The warn palette is optional (defaults to red).
//$candy-app-warn:    mat-palette($mat-red);
//
//// Create the theme object (a Sass map containing all of the palettes).
//$candy-app-theme: mat-light-theme($candy-app-primary, $candy-app-accent, $candy-app-warn);
//
//// Include theme styles for core and each component used in your app.
//// Alternatively, you can import and @include the theme mixins for each component
//// that you are using.
//@include angular-material-theme($candy-app-theme);
